#page-2 {
	overflow: hidden; background-color: rgb(255, 255, 255);
}
.p2-inner {
	height: 90%; background-color: rgb(255, 255, 255);
}
.page2-desc-wrapper {
	width: 390px; margin-top: -30px; margin-right: 40px; float: right;
}
.page2-desc-wrapper h2 {
	height: 58px; line-height: 58px; font-size: 34px; margin-bottom: 5px;
}
.page2-desc-wrapper h2 i {
	border-radius: 50%; border: 2px solid rgb(239, 72, 66); border-image: none; width: 58px; height: 58px; text-align: center; color: rgb(239, 72, 66); line-height: 58px; font-size: 30px; font-style: normal; margin-right: 30px; vertical-align: middle; display: inline-block;
}
.page2-desc-wrapper a.desc {
	transition:0.4s; top: 20px; color: rgb(102, 102, 102); margin-bottom: 30px; display: block; position: relative; cursor: pointer; opacity: 0; -webkit-transition: all .4s;
}
.page2-desc-wrapper a.animate {
	top: 0px; opacity: 1;
}
.page2-desc-wrapper a.desc:hover {
	color: rgb(102, 102, 102); text-decoration: none;
}
.page2-desc-wrapper a.active i {
	background: rgb(239, 72, 66); transition:0.5s; color: rgb(255, 255, 255); -webkit-transition: all .5s;
}
.page2-desc-wrapper a.active h2 {
	color: rgb(239, 72, 66);
}
.page2-desc-wrapper p {
	transition:0.5s; width: 320px; height: 80px; line-height: 28px; overflow: hidden; padding-left: 94px; font-size: 16px; text-decoration: none; max-height: 0px; -webkit-transition: all .5s;
}
.page2-desc-wrapper a.active p {
	max-height: 80px;
}
.page2-desc-wrapper a.desc .line {
	transition:0.5s; left: 0px; top: 30px; width: 320px; border-top-color: rgb(102, 102, 102); border-top-width: 1px; border-top-style: dashed; position: absolute; z-index: 6; max-width: 0px; -webkit-transition: all .5s;
}
.page2-desc-wrapper a.active .line {
	left: -320px; max-width: 320px;
}
.page2-device {
	margin: 160px 0px 0px; width: 820px; float: left; position: relative;
}
.page2-device .layer {
	transition:0.6s 0.2s; left: 60px; top: 0px; width: 100%; height: 330px; position: absolute; opacity: 0; background-image: url("../images/p2.png"); background-repeat: no-repeat; -webkit-transition: all .6s ease .2s;
}
.page2-device .phone {
	background-position: 0px -1335px; width: 100%; height: 457px; background-image: url("../images/p2.png"); background-repeat: no-repeat;
}
.page2-device .layer1 {
	background-position: 0px 0px; z-index: 4; opacity: 1;
}
.page2-device .layer2 {
	background-position: 0px -330px; z-index: 3; opacity: 1;
}
.page2-device .layer3 {
	background-position: 0px -670px; z-index: 2; opacity: 1;
}
.page2-device .layer4 {
	background-position: 0px -998px; z-index: 1; opacity: 1;
}
.page2-device .layer1-active {
	top: -280px;
}
.page2-device .layer2-active {
	top: -200px;
}
.page2-device .layer3-active {
	top: -120px;
}
.page2-device .layer4-active {
	top: -40px;
}
.page2-device .layer1-ignore {
	left: -250px; top: -290px;
}
.page2-device .layer2-ignore {
	left: -250px; top: -240px;
}
.page2-device .layer3-ignore {
	left: -250px; top: -190px;
}
.page2-device .layer4-ignore {
	left: -250px; top: -140px;
}
.p2-banner {
	width: 1300px; margin-top: -220px; margin-left: -670px;
}
.p2-inner .ico {
	width: 58px; height: 58px; vertical-align: middle; display: block; background-image: url("../images/p2-icon.png"); background-repeat: no-repeat;
}
.p2-inner .ico-0 {
	background-position: 0px 0px;
}
.p2-inner .ico-1 {
	background-position: -58px 0px;
}
.p2-inner .ico-2 {
	background-position: -116px 0px;
}
.p2-inner .ico-3 {
	background-position: -174px 0px;
}
.p2-inner .ico-4 {
	background-position: -232px 0px;
}
.p2-inner .active .ico-0 {
	background-position: 0px -58px;
}
.p2-inner .active .ico-1 {
	background-position: -58px -58px;
}
.p2-inner .active .ico-2 {
	background-position: -116px -58px;
}
.p2-inner .active .ico-3 {
	background-position: -174px -58px;
}
.p2-inner .active .ico-4 {
	background-position: -232px -58px;
}